{% extends "_layout.html" %}
{% import "component/statistics.njk" as statistics %}

{# 样式代码 #}
{% block style %}
<title>假条详情</title>
<style type="text/css">
    .mb-post-list-3{ padding: 0;}
</style>
{% endblock %}

{# bodyd代码#}
{% block body %}
<div class="mui-content">
    <!--审批人-->
    <div class="bbs-user-top xw-border-bottom">
        <a class="bbs-user-info mui-clearfix" href="#">
            {%if data.validateStatus == 2%}
            <img class="bbs-user-photo mui-pull-left" src="{{ctx.app.config.api.image}}/{{data.approveHeadImgUrl}}"/>
            {%endif%}

            <div class="mb-nick-name mui-pull-left">
                <b class="mb-nickname mui-ellipsis">{{data.approveName}}</b>
                {%if data.validateStatus == 1%}
                <p class="mb-arr-time"><span class="leave-ing">待审批</span></p>
                {%elif data.validateStatus == 2%}
                <p class="mb-arr-time"><span class="leave-ed">审批通过</span></p>
                {%else%}
                <p class="mb-arr-time"><span class="leave-cancel">已撤销</span></p>
                {%endif%}
            </div>
        </a>
    </div>
    <!--帖子循环主体开始-->
    <div class="mb-post-list-3">
        <ul class="mui-table-view">
            <!--<li class="mui-table-view-cell leave-left">-->
                <!--任职班级-->
                <!--<span class="leave-item">三年2班</span>-->
            <!--</li>-->
            <!--<li class="mui-table-view-cell leave-left">-->
                <!--任职科目-->
                <!--<span class="leave-item">语文</span>-->
            <!--</li>-->
            <li class="mui-table-view-cell leave-left">
                请假类型
                <span class="leave-item">
                    {%if data.type == 1%}
                        年假
                    {%elif data.type == 2%}
                        事假
                    {%elif data.type == 3%}
                        病假
                    {%elif data.type == 4%}
                        调休
                    {%elif data.type == 5%}
                        陪产假
                    {%elif data.type == 6%}
                        婚假
                    {%elif data.type == 7%}
                        例假
                    {%elif data.type == 8%}
                        丧假
                    {%else%}
                        其他
                    {%endif%}
                </span>
            </li>
            <li class="mui-table-view-cell leave-left">
                开始时间
                <span class="leave-item">{{data.startDate}}</span>
            </li>
            <li class="mui-table-view-cell leave-left">
                结束时间
                <span class="leave-item">{{data.endDate}}</span>
            </li>
            <li class="mui-table-view-cell leave-left">
                请假事由
                <span class="leave-item">{{data.content}}</span>
            </li>
        </ul>

        <ul class="mui-table-view leave-his">
            <li class="mui-table-view-cell leave-left">
                <a class="leave-lists mui-navigate-right" href="javascript:window.location.replace('leavelist')">我的请假记录</a>
            </li>
        </ul>
    </div>
</div>

{% endblock %}

{#js代码#}
{% block js %}

<!--flotdemo-->
{% endblock %}
